/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */

/* ---------- Base ---------- */

body {
    background: #F2F5FE url(../images/custom/body_bg.gif) repeat-x;
    color: #192666;
    padding: 50px 0;
}

/* ---------- Wrapper ---------- */

#wrapper {
    background: #FFF url(../images/custom/wrapper_bg.png);
    margin: 0 auto;
    width: 970px;
}

/* ---------- Banner ---------- */

#banner {
    background: url(../images/custom/banner_bg.png);
    height: 100px;
    padding: 0 5px;
    position: relative;
}

/* ---------- Logo ---------- */

#banner .logo a {
    left: 25px;
    position: absolute;
    top: 20px;
}

/* ---------- Dock ---------- */

.js .interactive-mode {
    right: 15px;
}

/* ---------- Navigation ---------- */

#navigation {
    background: #192666 url(../images/custom/navigation_bg.png);
    height: 32px;
    padding: 10px 15px 0;
}

#navigation ul,
#add-page {
    float: left;
}

#navigation a,
#navigation .enter-page {
    background: url(../images/custom/navigation_a_bg.gif);
    color: #B5C4E3;
    display: block;
    float: left;
    font: bold 11px/32px Verdana,sans-serif;
    margin: 0 5px 0 0;
    padding: 0 15px;
    text-decoration: none;
}

#navigation a:hover {
    background: url(../images/custom/navigation_a_hover_bg.gif);
    color: #FFF;
}

#navigation .selected a {
    background: #FFF;
    color: #FF9000;
}

#navigation .save-page,
#navigation .save-page:hover {
    background: none;
    border-right: 0;
    display: inline;
    float: none;
}

.ie7 #navigation .save-page {
    position: relative;
    top: -5px;
}

#navigation .cancel-page {
    display: none;
}

/* ---------- Content Wrapper ---------- */

#content-wrapper {
    background: url(../images/custom/content-wrapper_bg.png) no-repeat;
    min-height: 100px;
    padding: 15px 20px;
}

.ie6 #content-wrapper {
    height: 100px;
}

.ie7 #content-wrapper {
    zoom: 1;
}

/* ---------- Portlet ---------- */

.portlet {
    margin: 0 0 20px;
}

.portlet-topper {
    margin: 0 0 10px;
}

.portlet-content {
    font: 11px Verdana,sans-serif;
    padding: 0;
}

/* ---------- Footer ---------- */

#footer {
    background: url(../images/custom/footer_bg.png);
    height: 60px;
}